<div class="panel" id="panel" action="Clientes" onload="panel.refreshList()">
<div class="grid" id="mainGrid">
</div>
<div class="buttonBar">
	<table>
			<tr>
				<td>
					<button type="button" onclick="panel.previous()">&lt;</button>
					<button type="button" onclick="panel.next()">&gt;</button>
					<button type="button" onclick="panel.refreshList()">Actualizar</button>
				</td>
				<td align="right">
					<button type="button" onclick="panel.add()">Agregar</button>
					<button type="button" onclick="panel.modify()">Modificar</button>
					<button type="button" onclick="panel.remove()">Eliminar</button>
				</td>
			</tr>
	</table>
</div>
<div class="modal" id="edit">
<form>
	<table>
		<tr>
			<td>Nombre:</td>
			<td><input type="text" value="" name="name"></input></td>
		</tr>
		<tr>
			<td>Calle:</td>
			<td>
				<input type="text" value="" class="autocomplete" action="Clientes&action=street" name="streetName"></input>
				<input type="hidden" name="street" value=""></input>
			</td>	
		</tr>
		<tr>
			<td>Numero Puerta:</td>
			<td>
				<input type="text" value="" name="doorNumber" numeric="true"></input>
			</td>
		</tr>
		<tr>
			<td>Telefono:</td>
			<td><input type="text" value="" name="telephone" numeric="true"></input></td>
		</tr>
		<tr>
			<td>Esquina:</td>
			<td>
				<input type="radio" onclick="var el=this.parentNode.parentNode.parentNode.rows[7].cells[1].firstChild;el.disabled=true;" value="corner" checked="true" name="iscorner"></input>
			</td>
		</tr>
		<tr>
			<td>Entre:</td>
			<td><input type="radio" onclick="var el=this.parentNode.parentNode.parentNode.rows[7].cells[1].firstChild;el.disabled=false;" value="between" name="iscorner"></input></td>
		</tr>
		<tr>
			<td>Calle 1:</td>
			<td>
				<input type="text" value="" class="autocomplete" action="Clientes&action=street" name="streetName"></input>
				<input type="hidden" name="street1" value=""></input>
			</td>
		</tr>
		<tr>
			<td>Calle 2:</td>
			<td><input disabled value="" class="autocomplete" action="Clientes&action=street" name="streetName" id="street2"></input>
			<input type="hidden" name="street2" value=""></input>
			</td>
		</tr>
		<tr>
			<td></td>
			<td align="right"><button type="button" onclick="closeOpenedModal()">Cancelar</button><button type="button" onclick="panel.confirmEditModal()">Aceptar</button></input></td>
		</tr>
	</table>
</form>
</div>
<div class="modal" id="filter">
	<table>
		<tr>
			<td>Nombre:</td>
			<td><input type="text" value="" name="name"></input></td>
		</tr>
		<tr>
			<td></td>
			<td align="right"><button type="button" onclick="closeOpenedModal()">Cancelar</button><button type="button" onclick="filterElement()">Aceptar</button></input></td>
		</tr>
	</table>
</div>
</div>